<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="这是一个展示HTML元数据标签用法的示例页面，包含了各种常用的meta标签及其说明。">
  <meta name="keywords" content="HTML, meta标签, 元数据, 网页开发, SEO">
  <meta name="author" content="豆包编程助手">
  <meta name="robots" content="index, follow">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta property="og:title" content="HTML元数据标签示例">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://example.com/meta-tags">
  <meta property="og:image" content="https://picsum.photos/400/300" alt="示例图片">
  <meta property="og:description" content="学习HTML元数据标签的使用方法和最佳实践">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="HTML元数据标签示例">
  <meta name="twitter:description" content="了解如何正确使用meta标签优化网页">
  <meta name="twitter:image" content="https://picsum.photos/400/300" alt="Twitter分享图片">
  <meta http-equiv="refresh" content="30">
  <meta name="theme-color" content="#4285f4">
  <title>HTML元数据标签示例</title>
</head>
<body>
<h1>HTML元数据标签示例</h1>
<p>查看页面源代码，了解各种meta标签的用法和作用。</p>
</body>
</html>
